<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="https://www.baidu.com">百度</a>

    <form action="https://www.baidu.com">
        <div>
            <label for="">用户名</label>
            <input type="text" name="user">
        </div>
        <div>
            <label for="">用户名</label>
            <input type="text" name="pwd">
        </div>
        <div>
            <button>提交</button>
        </div>
    </form>
    <div>
        <textarea name="" id="" cols="30" rows="10"></textarea>
    </div>
</body>
<script>
    // html页面浏览器的默认行为:
    // 1. a标签默认跳转
    // 2. 表单默认提交
    // 3. F5刷新页面
    // 4. 鼠标右键菜单
    // 5. 复制粘贴


    // 阻止浏览器的默认行为 => 借助事件对象e

    // 常规浏览器:
    // e.preventDefault();

    // 低版本IE:
    // e.returnValue = false;   // return false;

    // 兼容写法
    // if (e.preventDefault) {
    //     e.preventDefault()
    // } else {
    //     e.returnValue = false;  // return false;
    // }


    var a = document.querySelector("a");
    var form = document.querySelector("form");
    var button = document.querySelector("button");

    a.onclick = function (e) {
        var e = e || window.event;
        if (e.preventDefault) {
            e.preventDefault()
        } else {
            e.returnValue = false;
        }
    }

    //  2. 表单默认提交
    // button.onclick = function (e) {
    //     var e = e || window.event;
    //     if (e.preventDefault) {
    //         e.preventDefault()
    //     } else {
    //         e.returnValue = false;
    //     }
    // }

    // form.onsubmit = function (e) {
    //     var e = e || window.event;
    //     if (e.preventDefault) {
    //         e.preventDefault()
    //     } else {
    //         e.returnValue = false;
    //     }
    // }


    // 3. F5刷新页面
    // 阻止按键 f5 f11 f12 ctrl+c ctrl+v ctrl+x
    // document.addEventListener("keydown", function (e) {
    //     var e = e || window.event;
    //     var keyCode = e.keyCode;
    //     console.log(e.key, keyCode);
    //     if (keyCode == 116 || keyCode == 122 || keyCode == 123 || e.ctrlKey && keyCode == 67 || e.ctrlKey && keyCode == 86 || e.ctrlKey && keyCode == 88) {
    //         if (e.preventDefault) {
    //             e.preventDefault()
    //         } else {
    //             e.returnValue = false;
    //         }
    //     }
    // })


    // document.addEventListener("copy", function (e) {
    //     if (e.preventDefault) {
    //         e.preventDefault()
    //     } else {
    //         e.returnValue = false;
    //     }
    // })

    // document.addEventListener("paste", function (e) {
    //     if (e.preventDefault) {
    //         e.preventDefault()
    //     } else {
    //         e.returnValue = false;
    //     }
    // })

    // document.addEventListener("cut", function (e) {
    //     if (e.preventDefault) {
    //         e.preventDefault()
    //     } else {
    //         e.returnValue = false;
    //     }
    // })


    // (4) 鼠标右键菜单(鼠标事件)
    document.addEventListener("contextmenu", function (e) {
        console.log(e);
        if (e.preventDefault) {
            e.preventDefault()
        } else {
            e.returnValue = false;
        }
    })


</script>

</html>